body{padding: 0;margin: 0;min-width: 1280px;background: #f5f5f5;color: #47484c;}

.page{background: #fff;border-radius: 5px;}
.page-title{font-size: 22px;}
.container{width: 1050px;margin: 0 auto;}
.icon{width: 15px;height: 15px;margin-right: 5px;object-fit: contain;}
.part-title{padding-left: 5px;font-size: 16px;font-weight: bold;position: relative;}
.part-title:before{content: '';width: 2px;height: 16px;background: #00a06e;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.table-cell{width: 150px;max-height: 300px;border-radius: 5px;overflow-y: auto;position: absolute;left: 110%;top: 0;z-index: 11;background: #fff;box-shadow: 0 0 5px #ccc;}
.table-cell-title{background: #00a06e;color: #fff;padding: 5px 10px;text-align: center;position: sticky;top: 0;z-index: 12;}
.table-cell-foot{background: #fff;position: sticky;bottom: 0;z-index: 12;}

.ant-table-small .ant-table-thead > tr > th{background: #e0f4ee;white-space: nowrap;}
.ant-table tbody > tr.ant-table-row-selected > td{background: #86b9a9;}
.ant-table tbody > tr > td{white-space: nowrap;}

.footer{color: #999;font-size: 16px;text-align: center;}

textarea{resize:none}

::-webkit-scrollbar{width: 10px;height: 10px;}
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 10px;background: inherit;}
/* 滑块颜色 */
::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: #84ccc9;}

.ant-menu.ant-menu-dark, .ant-menu-dark .ant-menu-sub, .ant-menu.ant-menu-dark .ant-menu-sub {
  color: rgba(255, 255, 255, 0.65);
  background: #006646;
}

.ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-selected {
  background-color: #dccb10;
}

.active{background: #00a06e;}
.u-f-col{color:#09ce3ada;}
.u-i-col{color:#1524f5da;}



.Login{
  width: 100%;height: 100vh;background: url('./assets/login/login-bg.png') center;
  .fix{background: #fff;padding: 30px;border-radius: 5px;background: url('./assets/login/login-fix-bg.png') center;position: fixed;left: 50%;top: 50%;transform: translate(-50%, -50%);}
  .login{width: 300px;height: 300px;object-fit: contain;}
  .title{color: #333;font-size: 24px;}
  .form{width: 300px;border-radius: 5px;box-shadow: 0 0 10px #ccc;}
}

.Header{
  .logo{width: 120px;height: 40px;object-fit: contain}
  .nav-list{margin-left: 40px;}
  .nav-icon{width: 20px;height: 20px;margin-right: 5px;object-fit: contain;}
  .nav-text{color: #fff;white-space: nowrap;}
  .msg-item{margin-left: 20px;position: relative;}
  .dot{width: 8px;height: 8px;background: #ff3e3e;border-radius: 50%;position: absolute;right: 0;top: 0;z-index: 1;}
  .avatar{width: 40px;height: 40px;object-fit: cover;border-radius: 50%;margin-left: 20px;margin-right: 10px;}
}

.House{
  .opeImg{width: 100%;object-fit: cover;}
  .collect-btn:hover, .collect-btn:focus {
    color: rgba(0, 0, 0, 0.85);
    border-color: #d9d9d9;
    background: #fff;
  }
}
.House-Edit{
  .upload-item{border: 1px dashed #aaa;border-radius: 3px;padding: 8px 15px;}
  .img-item{
    position: relative;margin: 10px;
    .img{width: 80px;height: 80px;object-fit: contain;border: 1px solid #ddd;border-radius: 5px;}
    .img-del{position: absolute;right: -8px;top: -8px;padding: 3px;background: #fff;border-radius: 50%;box-shadow: 0 0 5px #aaa;display: none;}
    &:hover .img-del{display: block;}
  }
  .follow-item{background: #f7faf9;}
}
.Edit{
  .label{color: #93969e;}
}
.Store{
  .avatar{width: 40px;height: 40px;object-fit: contain;}
}

.Modal{
  .title{color: #47484c;font-size: 16px;}
  .label{color: #93969e;}
  .tip{color: #41c47b;}
  .tip-icon{color: #f00;}
  .mask{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 999;background: rgba(255, 255, 255, 0.8);text-align: center;display: flex;flex-direction: column;justify-content: center;}
  &.Building-Edit{
    .file-item{
      position: relative;
      .file{width: 150px;height: 150px;margin: 10px;object-fit: contain;border: 1px solid #ddd;border-radius: 5px;}
      .file-del{position: absolute;left: 50%;bottom: 5px;transform: translateX(-50%);display: none;}
      &:hover .file-del{display: block}
    }
    .upload-list-inline .ant-upload-list-item {float: left;width: 200px;margin-right: 8px;}
    .upload-list-inline [class*='-upload-list-rtl'] .ant-upload-list-item {float: right;}
  }
  &.Client{
    .ant-select-multiple .ant-select-selector{overflow: hidden;}
    .ant-select-selection-overflow{flex-wrap: nowrap;}
  }
}
